/** 页面样式重置 2014 **/
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
html,body{height:100%;width:100%;}
body{margin:0;padding:0;line-height:18px;border:0;font:12px/1.5 Microsoft Yahei,Arial;text-align:left;font-size:12px;background:#fff;color:#333;_behavior:url("csshover.htc");}
form,dl,dd,dt,ul,li,img{margin:0;padding:0;line-height:18px;border:0;font-family:Microsoft Yahei,"宋体";font-size:12px;list-style-type:none;white-space:normal;}img{vertical-align:middle;}select,textarea{margin:0;padding:0;resize:none;outline:none;}th,td{margin:0;padding:0;}p{margin:0;padding:0;font-weight:normal;font-size:12px;word-wrap:break-word;word-break:normal;}h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style-position:outside;list-style-type:none;white-space:normal;}
a,area{text-decoration:none;cursor:pointer;outline:none;/*移除超链的虚线框  IE8,FF有用*/hide-focus:expression(this.hideFocus=true); /*IE6、IE7*/}
a:link,a:visited,a:active{color:#333;text-decoration:none;}a:hover{text-decoration:none;color:#0033cc;}
input,button,input[type=button],input[type=submit],input[type=reset],select{margin:0;padding:0;outline:none;hide-focus:expression(this.hideFocus=true);}
::selection{background:#6ECCF0;color:white;/* 全选时背景变色 Safari */}::-moz-selection{background:#6ECCF0;color:white;/* 全选时背景变色 Firefox */ }
.clear{clear:both;font-size:0;height:0;line-height:0;}/*清除浮动 、关div*/


.mlAuto {
	margin-left:auto;
	margin-right:auto
}
.height1 {
	height:1px;
	overflow:hidden;
	clear:both
}
.height2 {
	height:2px;
	overflow:hidden;
	clear:both
}
.height5 {
	height:5px;
	overflow:hidden;
	clear:both
}
.height10 {
	height:10px;
	overflow:hidden;
	clear:both
}
.height15 {
	height:15px;
	overflow:hidden;
	clear:both
}
.height20 {
	height:20px;
	overflow:hidden;
	clear:both
}
.height25 {
	height:25px;
	overflow:hidden;
	clear:both
}
.height30 {
	height:30px;
	overflow:hidden;
	clear:both
}
.height35 {
	height:35px;
	overflow:hidden;
	clear:both
}
.height40 {
	height:40px;
	overflow:hidden;
	clear:both
}
.height45 {
	height:45px;
	overflow:hidden;
	clear:both
}
.height50 {
	height:50px;
	overflow:hidden;
	clear:both
}





/** index布局样式 1200px 
.headBg{ width:100%; height:72px; background:url(../images/headBg.png) repeat-x top; position:fixed; top:0; left:0; z-index:9999;}
**/
.headBg{ width:100%; height:72px; background:url(../images/headBg.png) repeat-x top; top:0; left:0; z-index:9999;}
.header{ width:1200px; margin:0 auto;}
.header .logo{ float:left; width:200px; margin-top:6px;}
.header .nav{ float:left; width:850px;}
.header .nav li{ float:left; width:80px; margin-right:-10px; _display:inline; height:72px; line-height:64px;}
.header .nav li a{ display:block; height:65px; font-size:14px; text-align:center; color:#4D4D4D;}
.header .nav li a:hover{ background:url(../images/curBg1.png) no-repeat; color:#fff;}
.header .tel{ float:right; width:200px; margin-top:15px; height:33px;}
.header .tel b{ float:left; height:35px; line-height:35px; background:url(../images/tel1.png) no-repeat left; font-size:22px; color:#C90A1C; font-weight:normal; padding-left:30px;}
.header .tel a{ float:left; width:135px; height:35px; border-radius: 50%; box-shadow:0 0 2px #7cb6d6 inset,0 1px 0 #c3e3f4; margin-left:10px; _display:inline;}
.header .tel a.a1{ background:#94c6e2 url(../images/jd.png) no-repeat center;}
.header .tel a.a2{ background:#94c6e2 url(../images/tao.png) no-repeat center;}
.header .tel a:hover{ box-shadow: 0 -1px 0 rgba(215,240,254,0.6),0 3px 10px #548fb0;}

.main{ width:100%; background-repeat:no-repeat; background-position:center top; overflow:hidden;}
.wrap{ width:100%; background-repeat:no-repeat; background-position:center top; overflow:hidden;}

.wrap1{ background-position:center 1279px; position:relative; padding-bottom:100px; height:2510px;}
.wrap1 .tit1{ display:block; margin:50px auto 0; text-align:center; font-size:24px; color:#0B4974;}
.wrap1 .tit1 img{ display:none; margin:0 auto 5px;}
.wrap1 .tit1 em{ font-style:normal; color:#ff0101;}

@-webkit-keyframes fadeInOut {
 0% {
    opacity: 0;
    -webkit-transform: translateY(-250px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
    transform: translateY(-250px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*产品*/
#move1{ width:100%; margin:25px 500px 0; background-repeat:no-repeat; background-position:center top;  position:relative;z-index:300;}
/*产品动画*/
#move1{   position:absolute;left:10px; 
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: normal;
	}


.q1{
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 2s;
    -webkit-animation-direction: normal;
}

.q2{
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: normal;
}

.tit1{
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: normal;
}


/* 产品点击变换 */
h1{
	font-size:56px;
	color:#ccc;
}
h2{
	font-size:20px;
	padding:10px 0px 10px 0px;
	margin:15px 0px 20px 0px;
}
a{
	color:#555;
	text-decoration:none;
}
a:hover{
	color:#222;
}
p{
	padding:5px 0px;
}
.wrapper{
	width:960px;
	margin:100px auto 20px;
	text-align: center;
}
.clear{
	clear:both;
}
.footer{
	text-align:center;
	width:100%;
	padding:20px 0px;
	clear:both;
	margin-top:30px;
}
.footer a{
	margin:0px 20px;
}
.pxs_container{
	width:100%;
	height:420px;
}
.pxs_bg{
	background:transparent url(../../../images/bg.png) repeat top left;
}
.pxs_bg div{
	position:absolute;
	top:0px;
	left:0px;
	width:7584px; /*1264px window width times number of images*/
	height:420px;
	background-repeat:repeat;
	background-position:top left;
	background-color:transparent;
}
.pxs_bg .pxs_bg1{
	background-image:url(../../../images/bg1.png);
	/*left negative 1/8 of ww*/
}
.pxs_bg .pxs_bg2{
	background-image:url(../../../images/bg2.png);
	/*left negative 1/4 of ww*/
}
.pxs_bg .pxs_bg3{
	background-image:url(../../../images/bg3.png);
	/*left negative 1/2 of ww*/
	z-index:1300;
}
.pxs_slider_wrapper{
	display:none;
}
.pxs_container ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.pxs_slider{
	position:absolute;
	left:0px;
	top:0px;
	height:420px;
}
ul.pxs_slider li{
	height:420px;
	float:left;
	position:relative;
}
ul.pxs_slider li img{
	display:block;
	margin:35px auto 0px auto;

}


ul.pxs_thumbnails li img{
	border: 5px solid #FFFFFF;
	-moz-box-shadow:1px 1px 7px #555;
	-webkit-box-shadow:1px 1px 7px #555;
	box-shadow:1px 1px 7px #555;
	cursor:pointer;
	display:block;
	opacity:0.7;
}
ul.pxs_thumbnails li.selected img{
	opacity:1.0;
}
.pxs_navigation span{
	position:absolute;
	/*width:45px;
	height:100px;*/
	-moz-box-shadow:0px 0px 2px #000;
	-webkit-box-shadow:0px 0px 2px #000;
	box-shadow:0px 0px 2px #000;
	top:245px;
	opacity:0.6;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
	z-index:1300;
}
.pxs_navigation span:hover{
	/*opacity:0.9;*/
}
.pxs_navigation span.pxs_prev{
	/*background:#fff url(../../../images/prev.png) no-repeat center center;*/
}
.pxs_navigation span.pxs_next{
	/*background:#fff url(../../../images/next.png) no-repeat center center;*/
}
.pxs_loading{
	color:#fff;
	font-size:20px;
	padding:15px 15px 15px 50px;
	position:absolute;
	background:#333 url(../../../images/ajax-loader.gif) no-repeat 10px 50%;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	opacity:0.7;
	width:180px;
	position:absolute;
	top:150px;
	left:50%;
	margin-left:-90px;
}




/*红条*/
#redBox{ width:1507px; height:387px; background:url(../images/red.png) no-repeat left; position:absolute; top:1032px; left:290px; z-index:400;}
#redBox .redTit{ float:left; width:445px; margin:30px 0 0 60px; _display:inline; font-size:14px; color:#fff; line-height:180%; height:100px; position:relative; overflow:hidden;}
#redBox .redTit ul{ width:445px; position:absolute; top:0; left:0; z-index:400;}
#redBox .redTit li{ float:left; width:100%; height:120px; font-size:14px; line-height:160%;}
#redBox .redTit b{ display:block; font-size:24px; margin-bottom:10px;}
#redBox .redNum{ float:left; margin-top:20px; color:#fff; font-size:24px;line-height:180%;}
#redBox .redNum b{ display:block; font-size:48px;}
#redBox .redNum em{ font-style:normal;}





.index .item {
	overflow:hidden;
	position:relative
}
.index .item .t1 {
	-webkit-transition-duration:.6s;
	-o-transition-duration:.6s;
	-ms-transition-duration:.6s;
	-moz-transition-duration:.6s;
	transition-duration:.6s;
	text-align:center;
	padding-bottom:25px;
	opacity:0;
	margin-top:30px
}
.index .item .t2 {
	-webkit-transition-duration:.6s;
	-o-transition-duration:.6s;
	-ms-transition-duration:.6s;
	-moz-transition-duration:.6s;
	transition-duration:.6s;
	-webkit-transform:scale(.2s, .2s);
	-o-transform:scale(.2s, .2s);
	-moz-transform:scale(.2s, .2s);
	-ms-transform:scale(.2s, .2s);
	transform:scale(.2s, .2s);
	text-align:center;
	font-size:30px;
	color:#1f2228;
	font-weight:bold;
	padding-bottom:20px;
	opacity:0;
	margin-top:30px
}
.index .item .t3 {
	-webkit-transition-duration:.6s;
	-o-transition-duration:.6s;
	-ms-transition-duration:.6s;
	-moz-transition-duration:.6s;
	transition-duration:.6s;
	-webkit-transform:scale(.5s, .5s);
	-o-transform:scale(.5s, .5s);
	-moz-transform:scale(.5s, .5s);
	-ms-transform:scale(.5s, .5s);
	transform:scale(.5s, .5s);
	padding-bottom:15px;
	color:#999;
	font-size:14px;
	line-height:24px;
	text-align:center;
	opacity:0;
	margin-top:30px
}
.index .item.current .t1,.index .item.current .t2,.index .item.current .t3 {
	margin-top:0;
	opacity:1
}


/*水花*/
#move2{ width:866px; background-repeat:no-repeat; background-position:center top; height:832px; position:absolute; bottom:390px; left:40%; margin-left:-270px; z-index:200;}








/*新闻*/
/*.botBox{ width:100%; height:550px;  background:url(../images/botBg.png); position:absolute; border:1px solid #f0f0f0; bottom:240px;  z-index:201;  }*/
.botBox{ width:100%; height:750px;   background:url(../images/botBg.png); position:absolute;   }
.botBox span{ background-size:100% auto; height:auto !important;}
.botBox h3{ display:block; text-align:center; font-size:24px; color:#0B4974;}

/*.botBox ul{margin-left:100px;margin-right:100px; }*/

.botBox ul{  width: 1180px;
       position: absolute;
     left:0;
     right:0;
     margin: auto;
     /*50%为自身尺寸的一半*/}

.botBox .titBg .tit{ display:inline-block; width:610px; height:40px; line-height:40px; margin:0 auto;margin-top:37px; margin-bottom:25px; background:url(../images/titBg1.png) repeat-x center 18px;}
.botBox .titBg .tit span{ padding:0 20px; background-color:#fff; font-size:24px; font-weight:bold; color:#000; }
.botBox .titBg .tit span b{ display:inline-block; width:18px; height:17px; background:url(../images/bBg.png) no-repeat; margin:0 12px;}
.botBox .titBg .tit span em{ font-size:20px; color:#193163; font-style:normal; text-transform:uppercase; font-weight:normal;}


.botBox1{ width:100%; height:650px;   position:absolute; bottom:40px;  z-index:201;  }
.botBox1 span{ background-size:100% auto; height:auto !important;}
.botBox1 h3{ display:block; text-align:center; font-size:24px; color:#0B4974;}
.botBox1 ul{  width: 1180px;
       position: absolute;
     left:0;
     right:0;
     margin: auto;
     /*50%为自身尺寸的一半*/}
.botBox1 .titBg .tit{ display:inline-block; width:610px; height:40px; line-height:40px; margin:0 auto;margin-top:37px; margin-bottom:25px; background:url(../images/titBg1.png) repeat-x center 18px;}
.botBox1 .titBg .tit span{ padding:0 20px; background-color:#fff; font-size:24px; font-weight:bold; color:#000; }
.botBox1 .titBg .tit span b{ display:inline-block; width:18px; height:17px; background:url(../images/bBg.png) no-repeat; margin:0 12px;}
.botBox1 .titBg .tit span em{ font-size:20px; color:#193163; font-style:normal; text-transform:uppercase; font-weight:normal;}






.botText{ float:left; width:350px; _display:inline; border-style: solid; border:1px solid #f0f0f0;  }
.botText h3{ display:block; font-size:18px; color:#C90A1C; margin-bottom:25px;}
.botText p{ display:block; color:#4D4D4D; line-height:180%; font-size:14px; height:130px; overflow:hidden;}
.botText a{ display:block; background:url(../images/more.png) no-repeat left;  text-transform:uppercase; color:#C90A1C;}

.botText1 ul{margin-left:1px;}

.botText1{ float:left; width:350px; _display:inline; border-style: solid; border:1px solid #f0f0f0;  }
.botText1 h3{ display:block; font-size:18px; color:#C90A1C; margin-bottom:25px;}
.botText1 p{ display:block; color:#4D4D4D; font-size:14px; height:1px; overflow:hidden;}
.botText1 a{  display:block; background:url(../images/more.png) no-repeat left;  text-transform:uppercase; color:#C90A1C;}


/*.botImg{ float:left; width:240px; margin:54px 0 0 148px; _display:inline;}*/
/*.botImg img{ margin-right:15px;}*/
/*.botImg .botImg1{box-shadow:0 0 10px #999; border-radius:30px;}*/
/*.botImg .botImg2{ width:60px; height:100px;}*/
/*.botText{background:url(../images/botBg.png);}*/*/



/*新闻外边框*/
.h-nav{ padding:30px 0 0 10px;margin:0; overflow:hidden;}

.h-nav li{ display:inline;padding:10px;margin-left:10px;}
.h-nav li:nth-child(3){ margin-right:0;}
.h-nav li.end{ margin-right:0\9;}
.h-nav li .img{ position:relative; display:block; overflow:hidden;}
.h-nav li .img img{ width:100%;height:170px;}
.h-nav li .img span{ font-size:140%; font-weight:bold; position:absolute; width:152px; height:53px; line-height:53px; background:rgba(255,255,255,0.7);background:url(../images/hbg1.png) repeat\9; border:1px solid #fff; text-align:center; color:#3f3f3f; left:50%; top:50%; margin-left:-76px; margin-top:-26px; z-index:10;}
.h-nav li .img:hover span{ color:#fff;background:rgba(205,25,43,0.5); background:url(../images/hbg2.png) repeat\9; border:1px solid #ca192b;}
.h-nav li .img:hover img{transform:scale(1.1);transition: transform 0.45s ease 0s;}
.h-nav li p{ padding-top:4%; line-height:1.5;}
@media (min-width:360px) and (max-width:640px){
}
@media (min-width:300px) and (max-width:360px){
.h-nav{ padding:5%;}
.h-nav li{ float:none; width:100%;}
}


/*新闻动画*/
.botBox {
  -webkit-animation: fadeDown 2s;
  animation: fadeDown 2s;
  height:100px;
}

@-webkit-keyframes fadeDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-250px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-250px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

#tubiao{ width:591px; height:502px; background:url(../images/tubiao.png) no-repeat; position:absolute; right:50%; margin-right:-370px; z-index:401;overflow:hidden;}
#tubiao{  position:absolute; 
    -webkit-animation-name: fadeInOut;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-direction: normal;}



@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}


.tel {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
  -webkit-animation-iteration-count: 2;
}

#ewm{ width:400px; height:340px; background:url(../images/bg3.png) no-repeat; position:absolute; top:10px; right:50%; margin-right:-900px; z-index:430;overflow:hidden;}
#ewm{ position:absolute;    
    -webkit-animation-name: mymove;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 5s;
    -webkit-animation-direction: normal;}







/*move3简介 开始隐藏  延迟3秒*/
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
 
    100% {
        opacity: 1
    }
}
 
@keyframes fadeIn {
    0% {
        opacity: 0
    }
 
    100% {
        opacity: 1
    }
}
#move3{opacity:0;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;  a
    nimation-duration: 1s;  
    -webkit-animation-fill-mode: forwards ;  
    animation-fill-mode: forwards ;
     -webkit-animation-delay:3s;  /**延迟动画**/
     animation-delay:3s; 
}

/*move3简介 从下向上升起*/

#move3{   position:absolute;    
    -webkit-animation-name: mymove;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: normal;

	}

@keyframes mymove
{
  0% {
    opacity: 0;
    transform: translateY(300px);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
   50% {
    opacity: 2;
    transform: translateY(20px);
  }
    80% {
    opacity: 4;
    transform: translateY(-10px);
  }
  100% {
    opacity: 5;
    transform: translateY(0);
  }
}

/*move3简介 漩涡 转一圈*/

#move3 .lang{ position:absolute;   

    -webkit-animation-name: loadRotate;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-direction: normal;}
/*-webkit-animation:loadRotate 3s linear infinite;*/
/*  -webkit-animation-fill-mode:both;}*/


@-webkit-keyframes loadRotate{
  from{
    -webkit-transform:rotateZ(0deg);
  }
  to{
    -webkit-transform:rotateZ(360deg);
  }
}
@keyframes loadRotate{
  from{
    transform:rotateZ(0deg);
  }
  to{
    transform:rotateZ(360deg);
  }
}

/*move3 浪花 漩涡延迟*/

#move3 .lang{
     -webkit-animation-delay:3s;  /**延迟动画**/
     animation-delay:3s; 
}

/**about**/
#move3{ width:1507px; height:387px; background:url(../images/aboutBg.png) no-repeat; position:absolute; top:400px; right:50%; margin-right:-540px; z-index:400;}
#move3 ul{ float:right; width:1145px; margin-top:140px;}
#move3 .content{ float:left; width:445px;}
#move3 .content h3{ display:block; font-size:24px; color:#003399; margin-bottom:25px;}
#move3 .content .text{ display:block; font-size:14px; color:#4D4D4D; line-height:180%;}
#move3 .content a{ display:block; margin-top:10px; background:url(../images/more.png) no-repeat left; padding-left:20px; text-transform:uppercase; color:#C90A1C;}
#move3 .num{ float:right; width:280px; margin-top:40px; color:#191616; font-size:24px; line-height:180%;}
#move3 .num b{ display:block; font-size:48px;}
#move3 .num em{ font-style:normal;}
#move3 .lang{ float:right; width:426px; height:413px; margin-top:-135px;margin-left:420px; background:url(../images/lang.png) no-repeat; position:absolute;  z-index:401;}







/**六大优势**/
.wrap2 .tit2{ display:block; margin:100px auto 0; text-align:center; font-size:16px; color:#333; font-weight:bold;padding-bottom:30px;}
.wrap2 .tit2 img{ display:block; margin:0 auto;}
.wrap2 .tit2 em{ display:block; margin:12px auto; width:36px; height:3px; line-height:0; font-size:0; background-color:#DB0B1F;}
.advant{ width:960px; margin:50px auto 0; height:610px; overflow:hidden; position:relative;}
.advant .bigImg{ position:relative; bottom:-2px;}
.advant img{ display:block; margin:0 auto;}
.advant li{ width:127px; height:126px; position:absolute; z-index:300; top:215px; left:400px;}
.advant li .move{ display:block; width:127px; height:126px; box-shadow:0 0 10px #A6BECD; border-radius:50%; transform-style: preserve-3d; transition: 0.5s transform; position:relative;}
.advant li img{ position:relative; z-index:401;}
.advant li span{ position:absolute; top:0; left:0; z-index:400; background:url(../images/curBg2.png) no-repeat; width:127px; height:90px; text-align:center; color:#fff; font-size:16px; padding-top:36px;
	transform: rotateY(180deg) translateZ(1px);
	-ms-transform: rotateY(180deg) translateZ(1px);
	-moz-transform: rotateY(180deg) translateZ(1px);
	-webkit-transform: rotateY(180deg) translateZ(1px);
	transition: 1s .5s transform;
	-ms-transition: 1s .5s transform;
	-moz-transition: 1s .5s transform;
	-webkit-transition: 1s .5s transform;
	}
.advant li:hover .move{
	transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	}

.advant .li1{ top:15px; left:150px;}
.advant .li2{ top:15px; right:150px;}
.advant .li3{ top:215px; left:0;}
.advant .li4{ top:215px; right:0;}
.advant .li5{ bottom:50px; left:150px;}
.advant .li6{ bottom:150px; right:150px;}
.advant .li7{ bottom:250px; right:150px;}
.advant .li8{ bottom:80px; right:50px;}
.advant .li9{ bottom:150px; right:10;}






/**爱,不将就**/
.titBg{ display:block; text-align:center;}
.titBg .tit{ display:inline-block; width:610px; height:40px; line-height:40px; margin:0 auto; background:url(../images/titBg1.png) repeat-x center 18px;}
.titBg .tit span{ padding:0 20px; background-color:#fff; font-size:24px; font-weight:bold; color:#000; }
.titBg .tit span b{ display:inline-block; width:18px; height:17px; background:url(../images/bBg.png) no-repeat; margin:0 12px;}
.titBg .tit span em{ font-size:20px; color:#193163; font-style:normal; text-transform:uppercase; font-weight:normal;}

.wrap3{ margin-top:220px;}
.mrunBg{ width:100%; margin-top:600px; background-position:center 360px; background-repeat:no-repeat;}
.mrun{ width:1200px; margin:0 auto; position:relative; overflow:hidden;}
#runImg{ position:absolute; top:90px; left:50%; margin-left:-29px; z-index:300;}
.mrunTop{ float:right; width:440px; margin-right:50px; _display:inline; background:url(../images/mrunBg1.png) no-repeat left 80px; min-height:320px; _height:320px; padding:150px 0 0 310px; position:relative;}
.mrunTop em{ width:21px; height:19px; background:url(../images/em.png) no-repeat; position:absolute; top:40px; left:190px; z-index:200;}
.mrunTop p{ font-size:14px; color:#4D4D4D; line-height:200%;}

.mrunBot{ float:left; width:1200px; margin-top:585px; padding-top:280px; position:relative;}
.mrunBot .titBg{ position:absolute; top:0; left:50%; margin-left:-73px; width:147px; height:353px; background:url(../images/titBg.png) no-repeat; z-index:400;}
.mrunBot .titBg2{ opacity:0; position:absolute; bottom:200px; left:50%; margin-left:-73px; width:147px; height:353px; background:url(../images/curBg3.png) no-repeat; z-index:401;}

.mrunBot .tit4{ display:block; text-align:center; font-size:18px; color:#C90A1C; font-weight:bold;}
.mrunBot .tit4 img{ display:block; margin:0 auto 65px;}
.mrunBot .text{ display:block; margin-top:15px; font-size:14px; color:#4D4D4D; line-height:240%; text-align:center; font-weight:bold;}

.wrap4{ width:100%; background:url(../images/bg6.png) repeat-x left bottom; overflow:hidden;}
.wrapBot{ width:770px; margin:200px auto 0; padding-bottom:55px; overflow:hidden;}
.wrapBot .tit5{ display:block; margin:0 auto; text-align:center;}
.wrapBot .sA{ display:block; margin:25px 0; text-align:center;}
.wrapBot .sA a{ display:inline-block; width:112px; height:112px; border-radius:50%; background-color:#C90A1C; font-size:18px; color:#fff; text-align:center; line-height:118px; overflow:hidden; box-shadow:0 0 10px #666;}
.wrapBot .sA a:hover{ box-shadow:none;}
.wrapBot .sImg{ display:block; border-top:1px solid #C0DBE8; text-align:center; padding-top:30px;}

/**底部菜单**/
.menuBg{ width:100%; background-color:#474747;}
.menu{ width:1200px; margin:0 auto; padding:50px 0; overflow:hidden;}
.menu li{ float:left; width:120px;}
.menu li h3{ display:block; height:45px; background:url(../images/line1.png) no-repeat left bottom; margin-bottom:5px; font-size:14px; font-weight:normal;}
.menu li h3 a{ color:#fff;}
.menu li a{ display:block; line-height:24px; color:#999;}
.menu li a:hover{ text-decoration:underline; color:#fff;}
.menu li.footImg{ width:280px;}

.menu li.contact{ float:right; width:300px;}
.menu li.contact h3{ background:none;}
.menu li.contact h4{ display:block; font-size:14px; color:#fff; font-weight:normal; border-bottom:1px solid #666; padding-bottom:10px; margin-bottom:5px;}
.menu li.contact span{ display:block; color:#999; line-height:200%; text-indent:25px;}
.menu li.contact span.s1{ background:url(../images/s1.png) no-repeat 3px 6px;}
.menu li.contact span.s2{ background:url(../images/s2.png) no-repeat 3px 6px; border-bottom:1px solid #666; padding-bottom:10px;}

.footBg{ width:100%; height:45px; background-color:#313133; overflow:hidden;}
.footBg2{ width:100%; height:45px; border-bottom:1px solid #474747; background-color:#313133; overflow:hidden;}
.footBg2 .content{ width:1200px; margin:0 auto; line-height:45px; color:#BFBFBF;}

.footer{ width:1200px;  margin:0 auto;}
.footer li{ line-height:15px; color:#BFBFBF;}
.footer .content{ float:left;}
.footer .copyRight{ float:right; width:400px; text-align:right;}
.footer li a{ color:#BFBFBF;}
.footer li a:hover{ color:#fff; text-decoration:underline;}
/* 20170105 yushifei change*/

.yuImg{position:absolute; z-index:9999; display:none;}
.yuImgCover{position:fixed; width:100%; height:100%; top:0; left:0 ; z-index:10000; display:none;}
.yuImgCover img{width:100%; height:100%;}
/* ddd */